@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/*海川产品中心*/
.chanpin{ padding:35px 0 60px; font-size:0;}
.cp_t{font-size: 34px;color: #222931; background:url(../images/index/cp_tbg.gif) no-repeat center 18px;text-align: center;line-height: 32px;height: 138px;}
.cp_t a{font-size: 34px;color: #222931;}
.cp_t span{display: block;font-size: 20px;color: #0c0c0c;font-weight: normal; padding:18px 0 0;}
.cp_t b{ padding:0 5px;}
.cp_l{width: 270px;}
.cp_lt{ background:#222931;width: 270px;height: 70px;}
.cp_lt a{font-size: 18px;color: #fff;display: block; padding:22px 0 0 80px;}
.cp_lm{width: 268px; border-bottom:#888 1px solid; border-left:#888 1px solid; border-right:#888 1px solid; padding:15px 0 0;}
.cp_lm h3{width: 268px;height: 43px; margin:0 0 2px;font-weight: normal;}
.cp_lm h3 a{display: block;font-weight:bold;font-size: 16px;color: #222;width: 215px;height: 43px;line-height: 43px; background:url(../images/index/cp_libg01.gif) no-repeat; padding:0 0 0 53px;}
.cp_lm h3 a:hover,.cp_lm h3.on a{ background:#1e419a;color: #fff;}
.cp_lm ul{ padding:0 0 10px;}
.cp_lm ul li{width: 228px;height: 35px;line-height: 35px;overflow: hidden;width: 175px; margin:0 auto;}
.cp_lm ul li a{color: #333; font-size: 16px; padding:0 0 0 17px;background:url(../images/index/cp_ico01.gif) no-repeat 5px 15px;display: block;}
.cp_lm ul li a:hover{background:url(../images/index/cp_ico02.gif) no-repeat 5px 15px;color: #333;}
.cp_lm span{display: block;width: 268px;height: 55px;text-align: center;line-height: 55px;background: #1e419a; margin:5px auto 0;}
.cp_lm span a{font-size: 16px;color: #fff;font-weight: bold;}
.cp_r{ width:900px;}
.cp_r dl{ width:900px; display:inline-block; overflow:hidden; padding:0 0 30px; }
.cp_r dl dt{ border:#d7d7d7 1px solid;width:561px; height:323px; float:left; overflow: hidden;}
.cp_r dl dt img,.case_l img,.news_m dt img{ width:561px; height:323px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_r dl dt img:hover,.case_l img:hover,.news_m dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_r dl dd{ width:320px; float:left; padding:0 0 0 15px;}
.cp_r dl dd h5{height: 70px;line-height: 70px;overflow: hidden;}
.cp_r dl dd h5 a{font-size: 20px;color: #e50011;}
.cp_r .cp_desc{ height:180px; font-size:16px; color:#888; line-height:30px;overflow: hidden;}
.cp_r .cp_desc i{color: #333;}
.cp_r dl dd span{ display:block;width: 140px; padding:25px 0 0;}
.cp_r dl dd span a{display: block;font-size: 16px;color: #e50011;width: 138px;height: 34px;text-align: center;line-height: 34px; border:#e50011 1px solid;}
.cp_r dl dd span a:hover,.ban01 p em a:hover,.ban02 em a:hover{animation:shake 1.2s linear;-webkit-animation:shake 1.2s linear;}
.cp_r ul li{ width:280px; margin-left:16px;float:left;position: relative;}
.cp_r ul li img{ width:275px; height:252px; border:#d7d7d7 1px solid;transition: transform 0.3s ease;border-radius: 8px}
.cp_r ul li img:hover{  transform: scale(1.1)}
.cp_r ul li span{font-size: 16px;color: #333; width:100%; display:flex;justify-content: center; height:50px; line-height:30px; overflow:hidden;font-weight: bold}
.cp_r ul li a:hover em{display: block;}

/*安全保护*/
.six_bg{ background:url(../images/index/six_bg.gif) repeat; padding:70px 0;font-size: 0;}
.six .cp_t{background:url(../images/index/six_tbg.png) no-repeat center 18px;height: 130px;}
.six_l{width: 443px;}
.six_l p{width: 423px;height: 140px; padding:20px 0 0 20px;font-size: 24px;color: #000; display:inline-block; margin-bottom:10px;}
.six_l p em{display: block;float: left;width: 118px;height: 118px;overflow: hidden;line-height: 0;}
.six_l p em img{width: 118px;height: 236px;}
/*.six_l p:hover em img{ margin-top:-118px;}*/
.six_l p span{display: block;float: left; padding:30px 0 0 20px;line-height: 30px;width: 150px;}
.six_l p i{display: block;font-size: 12px;color: #666;text-transform: uppercase;}
/*.six_l p:hover,.six_l p:hover i{color: #fff;}*/
.six_l .six_p01{ background:url(../images/index/six_k01.png) no-repeat;color: #fff;}
.six_l .six_p01 i{color: #fff;}
.six_l p.six_p01 em img{ margin-top:-118px;}
.six_l .six_p06{ background:url(../images/index/six_k02.png) no-repeat;color: #fff;}
.six_l .six_p06 i{color: #fff;}
.six_l p.six_p06 em img{ margin-top:-118px;}
/*.six_l .six_p02:hover{ background:url(../images/index/six_k05.png) no-repeat;}*/
/*.six_l .six_p03:hover{ background:url(../images/index/six_k03.png) no-repeat;}*/
/*.six_l .six_p04:hover{ background:url(../images/index/six_k04.png) no-repeat;}*/
/*.six_l .six_p05:hover{ background:url(../images/index/six_k06.png) no-repeat right 0;}*/
/*.six_l .six_p06:hover{ background:url(../images/index/six_k02.png) no-repeat;}*/
.six_r p{ padding:20px 20px 0 0;}
.six_r p em{float: right;}
.six_r p span{ text-align:right; padding:30px 0 0 130px;}
.six_c{width: 505px;height: 505px;top: 130px;left: 350px;}
.six_c span{display: block;width: 455px;padding: 25px;}
.six_c span img{width: 455px;height: 455px;}
.six_c em{display: block;width: 505px;height: 505px;position: absolute;top: 0;left: 0;}
.six_c em img{width: 505px;height: 505px;-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.six_c em img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}

/*权威认证*/
.ren{ padding:55px 0 50px;}
.ren_l{font-size: 20px;color: #222931;font-weight: bold;width: 200px; padding:8px 0 0;}
.ren_l span{display: block;width: 175px;text-align: center;height: 40px;line-height: 40px;background: #222931;font-size: 16px;color: #fff;font-weight: normal; margin-bottom:8px;}
.ren_r{width: 1000px;}
.ren_r ul li{width: 140px;float: left; padding:0 1px;}
.ren_r ul li img{width: 138px;height: 101px;}
.ren_r ul li em{display: block;*display: inline;*zoom: 1;position: relative;height:101px;border:1px solid #f0f0f0;width:138px;}
.ren_r ul li em:before,.ren_r ul li em:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 1px solid #1e419a;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width .3s ease-out .2s, height .2s ease-in;transition: width .3s ease-out .2s, height .2s ease-in; }
.ren_r ul li em:before{top: -1px;border-bottom: 0;}
.ren_r ul li em:after{bottom: -1px;border-top: 0;}
.ren_r ul li em:hover:before,.ren_r ul li em:hover:after{width: 100%;height: 101px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s; }

/*解决方案*/
.case_bg{ background:url(../images/index/case_bg.jpg) no-repeat center 0;height: 483px; padding:55px 0 0;font-size: 0;overflow: hidden;}
.case .cp_t{background:url(../images/index/case_tbg.png) no-repeat center 18px;height: 130px;}
.case .cp_t a,.case .cp_t span{color: #fff;}
.case .cp_t b{color: #e50011;}
.case_l{width: 600px;height: 353px;overflow: hidden; padding:0 0 0 2px;}
.case_l img{width: 600px;height: 353px;}
.case_r{width: 598px; padding:68px 0 0;}
.case_r ul li{width: 102px;height: 102px;float: left; padding:0 0 15px 15px;}
.case_r ul li em,.case_r span em{display: block;width: 55px;height: 30px;overflow: hidden; margin:0 auto;line-height: 0;}
.case_r ul li em img,.case_r span em img{width: 55px;height: 60px;}
.case_r ul li a,.case_r span a{ background:url(../images/index/case_k01.png) no-repeat;display: block;width: 102px;height: 87px;text-align: center;font-size: 16px;color: #2f2f2f; padding:15px 0 0;line-height: 40px;overflow: hidden;}
.case_r ul li a:hover,.case_r span a:hover,.case_r ul li.on a{ background:url(../images/index/case_k02.png) no-repeat;color: #fff;}
.case_r ul li a:hover em img,.case_r span a:hover em img,.case_r ul li.on em img{ margin-top:-30px;}
.case_r span{display: block;width: 102px;height: 102px;text-align: center;position: absolute;top: 185px;right: 15px;}

/*广告条*/
.ban01{ background:url(../images/index/ban01.jpg) no-repeat center 0; height:190px; }
.ban01 p{position: absolute;top: 32px;right: 0;width: 440px;}
.ban01 p span{ display:block; font-size:14px; color:#fff; background:url(../images/index/ban_tel.png) no-repeat 0 5px; padding:0 0 0 45px;height: 50px;}
.ban01 p span b{font-size: 24px;display: block; font-family:Arial, Helvetica, sans-serif;}
.ban01 p em{ display:block;width: 196px; padding:5px 0 0;}
.ban01 p em a{ width:196px; height:52px;text-align: center;line-height: 45px;display: block;font-size: 16px;color: #fff;font-weight: bold; background:url(../images/index/ban_btn.png) no-repeat;}

/*优势*/
.ys_tbg{ background:#222931; height:125px; padding:40px 0 0; overflow:hidden;}
.ys01{ background:url(../images/index/ys_bg01.gif) no-repeat center 0;height:370px; padding:58px 0 0; overflow:hidden;}
.ys02{ background:url(../images/index/ys_bg02.gif) no-repeat center 0;height:376px; padding:66px 0 0; overflow:hidden;}
.ys_tbg .cp_t{background:none;height: 120px;color: #1e419a;}
.ys_tbg .cp_t span{color: #fff;}
.ys_l{width: 570px;}
.ys_l dl{width: 570px; display:inline-block; padding:35px 0 15px;}
.ys_l dl dt{width: 42px;float: right; padding:5px 0 0;}
.ys_l dl dt img{width: 42px;height: 42px;}
.ys_l dl dd{width: 510px;float: left; text-align:right;}
.ys_l dl dd h5{font-size: 22px;color: #222931;font-weight: normal;height: 40px;line-height: 40px;overflow: hidden;}
.ys_l dl dd h5 i{font-size: 12px;color: #aaa;text-transform: uppercase; padding:0 10px 0 0;}
.ys_l dl dd p{font-size: 14px;color: #777;line-height: 26px; padding:8px 0 0;}
.ys02 .ys_l dl dt{float: left; }
.ys02 .ys_l dl dd{ text-align:left; padding:0 0 0 12px;width: 500px;}
.ys02 .ys_l dl dd h5 i{ padding:0 0 0 10px;}
.ys_r{width: 600px;height: 314px;}
.ys_rm ul li{width: 600px;height: 314px;}
.ys_rm ul li img{width: 600px;height: 314px;}
.ys_rqie{position: absolute;bottom: 22px;left: 25px;}
.ys_rqie ul li{ background:url(../images/index/ys_ico01.png) no-repeat;width: 8px;height: 8px;float: left; margin:0 5px 0 0; cursor:pointer;overflow: hidden; text-indent:-99px;}
.ys_rqie ul li:hover,.ys_rqie ul li.on{background:url(../images/index/ys_ico02.png) no-repeat;}

/*广告条*/
.ban02{ width:1200px; height:216px; margin:0 auto 45px; overflow:hidden;}
.ban02 p{ font-size:14px; color:#fff; position:absolute; top:45px; left:157px;width: 190px;text-align: center;line-height: 30px;}
.ban02 p i{ font-family:"Times New Roman", Times, serif; font-size:28px; display:block; padding:8px 0 0;}
.ban02 em{ display:block;width: 100px; margin:0 auto; padding:30px 0 0;}
.ban02 em a{ width:98px; height:28px;display: block;font-size: 14px;color: #fff; border:#fff 1px solid;text-align: center;line-height: 28px;overflow: hidden;}

/*客户见证*/
.jz_bg{ background:#f3f3f3 url(../images/index/jz_bg.gif) no-repeat center 50px;height: 760px; padding:50px 0 0;font-size: 0;overflow: hidden;}
.jz .cp_t{background:url(../images/index/jz_tbg.png) no-repeat center 18px;height: 120px;}
.jz_qie{width: 1200px;height: 600px;position: relative;}
.jz_qie img{width: 1200px;height: 600px;}
.jz_qie dl{width: 540px;height: 170px;position: absolute;top: 160px;right: 60px; background:url(../images/index/jz_picbg.png) repeat;}
.jz_qie dl dt{font-size: 24px;color: #fff;font-weight: bold;width: 42px;height: 92px;text-align: center;line-height: 92px;background: #e50011;position: absolute;top: -20px;left: 20px;}
.jz_qie dl dd{ padding:15px 30px 0 80px;width: 430px;}
.jz_qie dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.jz_qie dl dd h5 a{font-size: 16px;color: #28261f;}
.jz_qie dl dd span{display: block;font-size: 12px;color: #28261f;}
.jz_desc{font-size: 14px;color: #28261f;line-height: 25px;height: 75px;overflow: hidden; padding:8px 0 0;}
.jz_bot{width: 1200px;height: 104px;position: absolute;top: 616px;left: 0;}
.jz_bot ul li{width: 202px;height: 104px;float: left; padding-right:1px;position: relative;}
.jz_bot ul li a{font-size: 16px;color: #fff; background:url(../images/index/jz_k03.png) no-repeat;display: block;width: 202px;height: 104px;}
.jz_bot ul li a:hover,.jz_bot ul li.on a{background:url(../images/index/jz_k02.png) no-repeat;}
.jz_bot ul li em{display: block;position: absolute;top: 14px;left: 2px;}
.jz_bot ul li em img{width: 198px;height: 88px;}
.jz_bot ul li span{display: block;width: 198px;height: 88px;text-align: center;line-height: 88px;position: absolute;bottom: 2px;left: 2px;}
.jz_bot i{display: block;width: 185px;height: 92px;text-align: center;line-height: 92px;background: #e50011;position: absolute;top: 12px;right: 0;}
.jz_bot i a{font-size: 20px;color: #fff;}

/*合作客户*/
.partner_bg{ background:url(../images/index/hz_bg.gif) no-repeat center 0;height: 150px; font-size: 0;overflow: hidden;}
.partner_l a{ background:url(../images/index/hz_lico01.png) no-repeat; width:36px; height:36px; display:block;}
.partner_l a:hover{ background:url(../images/index/hz_lico02.png) no-repeat;}
.partner_r a{ background:url(../images/index/hz_rico01.png) no-repeat; width:36px; height:36px; display:block;}
.partner_r a:hover{ background:url(../images/index/hz_rico02.png) no-repeat;}
.partner_l{ position:absolute; top:60px; left:-18px;z-index: 10;}
.partner_r { position:absolute; top:60px; right:-18px;z-index: 10;}
.partner_c ul li{width: 292px;float: left; margin-right:10px;}
.partner_c ul li img{width: 290px;height: 145px;}
.partner_c ul li em{display: block;*display: inline;*zoom: 1;position: relative;height:145px;border:1px solid #adadad;width:290px;}
.partner_c ul li em:before,.partner_c ul li em:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 1px solid #1e419a;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width .3s ease-out .2s, height .2s ease-in;transition: width .3s ease-out .2s, height .2s ease-in; }
.partner_c ul li em:before{top: -1px;border-bottom: 0;}
.partner_c ul li em:after{bottom: -1px;border-top: 0;}
.partner_c ul li em:hover:before,.partner_c ul li em:hover:after{width: 100%;height: 145px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s; }

/*新闻中心*/
.news_bg{background: #f7f6f7; padding:55px 0;font-size: 0;}
.news_bt{ background:url(../images/index/news_tbg.gif) no-repeat center 15px;text-align: center;height: 120px;}
.news_bt a{font-size: 34px;color: #222931;}
.news{ width:600px; }
.news_t{ height:40px;}
.news_t ul li{ float:left;width: 120px;}
.news_t ul li a{ font-size:18px; color:#333; font-weight:bold; display:block; width:100px; height:40px; padding:0 0 0 20px; }
.news_t ul li.on a,.news_t ul li a:hover{ color:#222931; background:url(../images/index/news_bor.gif) no-repeat 0 4px; }
.news_t ul li.on a i{ color:#1e419a;}
.news_t ul li i,.wd_t i{font-size: 14px;color: #bdbdbd;text-transform: uppercase;font-weight: normal;display: block;}
.news_m dl{ width:600px; padding:25px 0 10px; }
.news_m dt{ width:600px; height:300px;overflow: hidden;}
.news_m dt img{ width:600px; height:300px;}
.news_m dd{width:600px; padding:15px 0 0;}
.news_m dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news_m dd h3 a{ font-size:14px; color:#333;display: block;float: left;width: 480px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dd h3 a:hover,.news_m ul li a:hover,.wd dt a:hover{color: #d0121c;}
.news_m dd h3 span,.news_m ul li span{display: block;float: right;font-size: 14px;color: #333;font-weight: normal;width: 120px; text-align:right;}
.news_m .news_desc{ font-size:14px; color:#666; height:44px; line-height:22px;overflow: hidden; padding:5px 0 0;}
.news_m .u_btn{display: block;font-size: 14px;color: #1e419a;line-height: 22px; margin-top:-22px; margin-left:420px;}
.news_m ul li{ height:25px; line-height:25px; overflow:hidden; background:url(../images/index/news_ico01.gif) no-repeat 0 12px;}
.news_m ul li a{ font-size:14px; color:#333; padding:0 0 0 15px;display: block;float: left;width: 465px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*常见问答*/
.wd{ width:550px;}
.wd_t{height: 40px; background:url(../images/index/news_bor.gif) no-repeat 0 4px; }
.wd_t a{ font-size:18px; color:#333; font-weight:bold;  padding:0 0 0 20px;display: block;}
.wd_t a:hover{ color:#d0121c;}
.wd_m{ padding:25px 0 0;overflow: hidden;}
.wd dl{ width:550px; height:88px;}
.wd dt{ height:20px; line-height:18px; overflow:hidden; background:url(../images/index/wen.gif) no-repeat 0 2px; padding:0 0 0 40px;}
.wd dt a{ font-size:14px; color:#333;}
.wd dd{font-size:14px; color:#999; line-height:22px; height:44px; overflow:hidden; background:url(../images/index/da.gif) no-repeat; padding:0 0 0 40px;}

/*走进海川*/
.ab_bg{ background:url(../images/index/ab_bg.jpg) no-repeat center 0;height: 490px;font-size: 0;overflow: hidden; padding:42px 0 0;}
.about .cp_t{ background:none;height: 143px;}
.ab_l{width: 598px;height: 327px;}
.ab_lm ul li{width: 598px;height: 327px;}
.ab_lm ul li img{width: 598px;height: 327px;}
.ab_r{width: 575px; padding:45px 0 0;}
.ab_r h5{height: 30px;line-height: 30px;overflow: hidden;}
.ab_r h5 a{font-size: 16px;color: #000;}
.ab_r h5 a:hover{color: #d0121c;}
.ab_desc{font-size: 14px;color: #666;line-height: 24px;height: 72px;overflow: hidden; padding:10px 0 0;}
.ab_r span{display: block;line-height: 24px;}
.ab_r span a{font-size: 14px;color: #1e419a;}
.ab_bot{ padding:30px 0 0; display:inline-block;width: 575px;}
.ab_bot i{display: block;font-size: 12px;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.ab_bot a{font-size: 14px;color: #000;display: block;width: 130px;height: 48px;background: #fff; border:#1e419a 2px solid; padding:10px 0 0 40px;float: left; margin-left:24px;}
.ab_bot a:hover{color: #fff;background: #1e419a; border:#1e419a 2px solid;}
.ab_bot a:first-child{margin: 0;}

/*企业相册*/
.photo{ padding:30px 0 20px;}
.photo_l a{ background:url(../images/index/photo_lico01.png) no-repeat; width:35px; height:35px; display:block;}
.photo_l a:hover{ background:url(../images/index/photo_lico02.png) no-repeat;}
.photo_r a{ background:url(../images/index/photo_rico01.png) no-repeat; width:35px; height:35px; display:block;}
.photo_r a:hover{ background:url(../images/index/photo_rico02.png) no-repeat;}
.photo_l{ position:absolute; top:100px; left:-60px;z-index: 10;}
.photo_r { position:absolute; top:100px; right:-60px;z-index: 10;}
.photo_c{width: 1200px;overflow: hidden;}
.photo_c ul li{width: 281px;height: 175px;position: relative;float: left; margin-right:25px; text-align:center;}
.photo_c ul li img{width: 281px;height: 175px;}
.photo_c ul li a{font-size: 14px;color: #fff;}
.photo_c ul li em{ width:281px; display:block; height:40px; line-height:40px;position: absolute;bottom: 0;left: 0; overflow:hidden; background:url(../images/index/photo_picbg.png) repeat;}
.photo_c ul li span{ width:281px; display:none; height:130px;position: absolute;bottom: 0;left: 0; overflow:hidden; background:url(../images/index/photo_picbg.png) repeat;}
.photo_c ul li span b{display: block;width: 49px;height: 49px; margin:0 auto; padding:10px 0;}
.photo_c ul li span b img{width: 49px;height: 49px;}

/*快速通道*/
.kuai{ padding:0 0 30px;}
.kuai h3{font-size: 22px;color: #030303; background:url(../images/index/kuai_line.gif) no-repeat 0 20px;height: 40px;line-height: 40px;text-align: center;overflow: hidden;}
.kuai h3 i{color: #a40000;}
.kuai p{ display:inline-block;width: 1200px; padding:20px 0 0;line-height: 30px;position: relative;}
.kuai p em{display: block;float: left;font-size: 18px;color: #28261f;width: 110px; text-align:right; background:url(../images/index/kuai_ico01.gif) no-repeat 0 9px;}
.kuai p span{display: block;float: left;width: 1090px;color: #888;font-size: 12px;}
.kuai p span a{ display:inline-block;font-size: 14px;color: #888; padding:0 15px;}
.kuai p span a:hover{color: #a40000;}
.kuai p b{font-family:normal;}
.kuai .u_more{display: block;font-size: 14px;color: #a40000;line-height: 30px;position: absolute;top: 20px;right: 0;}
.kuai .u_more01{top: 50px;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}